
<template>
  <view class="BannerSwiper">
    <swiper
      style="width: 100%; height: 100%"
      indicator-color="rgba(255,255,255,0.3)"
      indicator-active-color="rgba(255,255,255,1)"
      :indicator-dots="true"
      :autoplay="true"
      :interval="2000"
      :duration="300"
    >
      <block v-for="(item, index) in List" :key="index">
        <swiper-item>
          <view class="swiper-item">
            <view class="MainItemImg">
              <image class="image" mode="aspectFill" :src="item.image"></image>
            </view>
          </view>
        </swiper-item>
      </block>
    </swiper>
  </view>
</template>

<script>
export default {
  name: 'BannerSwiper',
  props: {
    List: {
      default: () => {
        return []
      },
      type: Array
    }
  },
  data () {
    return {
    }
  },
  methods: {
   
  }
}
</script>

<style>
.BannerSwiper {
  width: 100%;
  height: 100%;
}
.image {
    width: 100%;
  /* height: 100%; */
}
</style>